<admintpl file="header" />
<style type="text/css">
	.pic-list li {
		margin-bottom: 5px;
	}
	.label-td {
		position: relative;
	}
	.label-td .label-container {
		float: left;
		width: 93%;
		overflow: hidden;
		white-space: nowrap;
	}
	.label-td .label-select {
		float: right;
		font-size: 18px;
		display: inline-block;
		position: relative;
		padding-top: 10px;
	}
	.label-td .label-select:hover {
		color: #5bc0de;
	}
	.label-td .label-container span {
		display: inline-block;
		width: 80px;
		height: 30px;
		line-height: 30px;
		border: 1px solid #5bc0de;
		border-radius: 10px;
		text-align: center;
		margin-right: 10px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
</style>
</head>
<body>
	<div class="wrap js-check-wrap">
		<ul class="nav nav-tabs">
			<li><a href="{:U('Lesson/Adminlesson/subject_lists')}">专题列表</a></li>
			<li class="active"><a href="#">编辑专题</a></li>
		</ul>
		<form action="{:U('Lesson/Adminlesson/edit_lesson_subject')}" method="post" class="form-horizontal js-ajax-forms" enctype="multipart/form-data">
			<div class="row-fluid">
				<div class="span9">
					<table class="table table-bordered">
						<tr>
							<th>专题名称</th>
							<td>
								<input type="hidden" name="subject[id]" value="{$subject.id}">
								<input type="text" style="width: 400px;" name="subject[subject_name]" required value="{$subject.subject_name}" placeholder="请输入专题名称"/>
								<span class="form-required">*</span>
							</td>
						</tr>
						<tr>
							<th>专题价格</th>
							<td>
								<input type="text" name="subject[subject_price]" style="width: 400px;" required placeholder="请填写专题价格" value="{$subject.subject_price}">
							</td>
						</tr>
						<tr>
							<th>专题介绍</th>
							<td>
								<textarea name="subject[subject_desc]" style="width: 98%; height: 50px;" placeholder="请填写专题介绍">{$subject.subject_desc}</textarea>
							</td>
						</tr>
						<tr>
							<th>兑换码</th>
							<td>
								<span>数量:&nbsp;</span><span><input type="text" id="redeem_code_num"></span>
								<span>折扣:&nbsp;</span><span><input type="text" id="redeem_code_discount"></span>
								<span id="new_lesson_redeem_code" class="btn" style="background-color: #dd1f26">新增兑换码</span>
								<a href="{:U('Lesson/Adminlesson/lesson_subject_redeem_code_list', ['lesson_subject_id' => $subject['id']])}" style="font-size: 16px;float: right;line-height: 36px;">查看兑换码</a>
							</td>
						</tr>
					</table>
				</div>
				<div class="span3">
					<table class="table table-bordered">
						<tr>
							<td><b>缩略图</b></td>
						</tr>
						<tr>
							<td>
								<div style="text-align: center;">
									<input type="hidden" name="smeta[thumb]" id="thumb" value="{$subject.subject_img|default=''}">
									<a href="javascript:upload_one_image('图片上传','#thumb');">
										<if condition="empty($subject['subject_img'])">
											<img src="__TMPL__Public/assets/images/default-thumbnail.png" id="thumb-preview" width="135" style="cursor: hand"/>
										<else />
											<img src="{:sp_get_image_preview_url($subject['subject_img'])}" id="thumb-preview" width="135" style="cursor: hand"/>
										</if>
									</a>
									<input type="button" class="btn btn-small" onclick="$('#thumb-preview').attr('src','__TMPL__Public/assets/images/default-thumbnail.png');$('#thumb').val('');return false;" value="取消图片">
								</div>
							</td>
						</tr>
						<tr>
							<td><b>pc端专题头图</b></td>
						</tr>
						<tr>
							<td>
								<div style="text-align: center;">
									<input type="hidden" name="smeta[thumb_pc_img]" id="thumb_pc" value="{$subject.subject_pc_img|default=''}">
									<a href="javascript:upload_one_image('图片上传','#thumb_pc');">
										<if condition="empty($subject['subject_pc_img'])">
											<img src="__TMPL__Public/assets/images/default-thumbnail.png" id="thumb_pc-preview" width="135" style="cursor: hand"/>
											<else />
											<img src="{:sp_get_image_preview_url($subject['subject_pc_img'])}" id="thumb_pc-preview" width="135" style="cursor: hand"/>
										</if>
									</a>
									<input type="button" class="btn btn-small" onclick="$('#thumb_pc-preview').attr('src','__TMPL__Public/assets/images/default-thumbnail.png');$('#thumb_pc').val('');return false;" value="取消图片">
								</div>
							</td>
						</tr>
						<tr>
							<td><b>移动端专题头图</b></td>
						</tr>
						<tr>
							<td>
								<div style="text-align: center;">
									<input type="hidden" name="smeta[thumb_mobile_img]" id="thumb_mobile" value="{$subject.subject_mobile_img|default=''}">
									<a href="javascript:upload_one_image('图片上传','#thumb_mobile');">
										<if condition="empty($subject['subject_mobile_img'])">
											<img src="__TMPL__Public/assets/images/default-thumbnail.png" id="thumb_mobile-preview" width="135" style="cursor: hand"/>
											<else />
											<img src="{:sp_get_image_preview_url($subject['subject_mobile_img'])}" id="thumb_mobile-preview" width="135" style="cursor: hand"/>
										</if>
									</a>
									<input type="button" class="btn btn-small" onclick="$('#thumb_mobile-preview').attr('src','__TMPL__Public/assets/images/default-thumbnail.png');$('#thumb_mobile').val('');return false;" value="取消图片">
								</div>
							</td>
						</tr>
					</table>
				</div>
			</div>
			<div class="form-actions">
				<button class="btn btn-primary js-ajax-submit" type="submit">提交</button>
				<a class="btn" href="{:U('Lesson/Adminlesson/subject_lists')}">返回</a>
			</div>
		</form>
	</div>
	<script type="text/javascript" src="__PUBLIC__/js/common.js"></script>
	<script type="text/javascript">
		//编辑器路径定义
		var editorURL = GV.WEB_ROOT;
	</script>
	<script type="text/javascript" src="__PUBLIC__/js/ueditor/ueditor.config.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/ueditor/ueditor.all.min.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/layer/layer_1.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/notify.js"></script>
	<script type="text/javascript">
		$('#new_lesson_redeem_code').click(function () {
		    var subject_id 	= "{$subject['id']}";
			var num 		= $('#redeem_code_num').val();
            var discount 	= $('#redeem_code_discount').val();
            if (num > 0 && discount >= 0) {
                var url = "{:U('Lesson/Adminlesson/create_lesson_redeem_code')}"
                $.post(url, {subject_id : subject_id, num : num, discount : discount}, function (re) {
                    layer.msg(re.info);
                })
			}
        })
		$(function() {
			/////---------------------
			Wind.use('validate', 'ajaxForm', 'artDialog', function() {
				var form = $('form.js-ajax-forms');
				//ie处理placeholder提交问题
				if ($.browser && $.browser.msie) {
					form.find('[placeholder]').each(function() {
						var input = $(this);
						if (input.val() == input.attr('placeholder')) {
							input.val('');
						}
					});
				}
				//表单验证开始
				form.validate({
					//是否在获取焦点时验证
					onfocusout : false,
					//是否在敲击键盘时验证
					onkeyup : false,
					//当鼠标掉级时验证
					onclick : false,
					//验证错误
					showErrors : function(errorMap, errorArr) {
						//errorMap {'name':'错误信息'}
						//errorArr [{'message':'错误信息',element:({})}]
						try {
							$(errorArr[0].element).focus();
							art.dialog({
								id : 'error',
								icon : 'error',
								lock : true,
								fixed : true,
								background : "#CCCCCC",
								opacity : 0,
								content : errorArr[0].message,
								cancelVal : '确定',
								cancel : function() {
									$(errorArr[0].element).focus();
								}
							});
						} catch (err) {
						}
					},
					//验证规则
					rules : {
						'subject[subject_name]' : {
							required : 1
						},
						'subject[subject_desc]' : {
                            required : 1
						},
                        'subject[subject_price]' : {
                            required : 1
                        },
					},
					//验证未通过提示消息
					messages : {
						'subject[subject_name]' : {
							required : '请输入专题名称'
						},
						'subject[subject_desc]' : {
                            required : '请输入专题介绍'
						},
                        'subject[subject_price]' : {
                            required : '请输入专题价格'
                        },
					},
					//给未通过验证的元素加效果,闪烁等
					highlight : false,
					//验证通过，提交表单
					submitHandler : function(forms) {
						$(forms).ajaxSubmit({
							url : form.attr('action'), //按钮上是否自定义提交地址(多按钮情况)
								dataType : 'json',
								beforeSubmit : function(arr, $form, options) {
							},
							success : function(data, statusText, xhr, $form) {
								if (data.status) {
									setCookie("refersh_time", 1);
									//添加成功
									Wind.use("artDialog", function() {
										art.dialog({
											id : "succeed",
											icon : "succeed",
											fixed : true,
											lock : true,
											background : "#CCCCCC",
											opacity : 0,
											content : data.info,
											button : [ {
												name : '继续编辑？',
												callback : function() {
													reloadPage(window);
													return true;
												},
												focus : true
											}, {
												name : '返回列表页',
												callback : function() {
													location = "{:U('Lesson/Adminlesson/subject_lists')}";
													return true;
												}
											} ]
										});
									});
								} else {
									artdialog_alert(data.info);
								}
							}
						});
					}
				});
			});
			////-------------------------
		});
	</script>
</body>
</html>